<template>
  <div>
    <div class="home_background" :style="{'background-image':`url(${config.IndexImage})`}"></div>
    <div class="form_content" v-show="isShowDialog">
      <div class="success_content">
        <div class="icon"><i class="el-icon-success"></i></div>
        <div class="states">{{$t('message.zhjhcg')}}</div>
        <div class="tips">{{$t('message.zhljdl')}}</div>
        <div class="button_group">
          <!-- <el-button type="primary">查看申请记录</el-button> -->
          <el-button @click="backIndex()" v-t="'message.btnljdl'"></el-button>
        </div>
      </div>
    </div>

  </div>

</template>

<script>
  // @ is an alias to /src
  // import HelloWorld from '@/components/HelloWorld.vue'
  import config from '@/baseconfig.js'

  export default {
    name: "activateAccount",
    computed: {
      config() {
        return config
      }
    },
    data() {
      return {
        isShowDialog:false
      };
    },
    mounted() {

    },
    created() {

      let params = this.$route.params;
      this.$api.post('/common/activateAccount', {...params}).then(res => {
        this.isShowDialog=true;
      }).catch(e => {
      })
    },
    methods: {
      backIndex(){
        this.$router.replace({name: 'login'})
      },

    },
  };
</script>
<style lang="stylus" scoped>
  .home_background
    position: absolute
    top 0
    bottom 0
    left 0
    right 0
    background-size cover
    background-position center
    background-repeat no-repeat

  /*margin 160px auto 0*/
  .form_content
    position: relative
    margin-left 15%
    text-align center

  .success_content
    position absolute
    text-align center
    margin-top 10%
    margin-left 30%
    width 20%

    /*margin 0 auto*/
    padding 20px 30px 20px 30px
    background-color rgba(255, 255, 255, 0.9)
    border-radius 20px
    /*max-width 940px*/

    .icon
      margin-bottom 24px

      i
        color $success
        font-size 90px

    .states
      font-size 24px
      line-height 1.8

    .tips
      font-size 14px
      line-height 1.6
      color $gray

    .button_group
      margin 24px 0 0
</style>
